﻿@{
    ViewBag.Title = "Статистика CPU";
}

<div class="count">
    <h1 class="title">Статистика CPU</h1>
    <p>
        Здесь находится график с историей загрузки CPU. Вернуться <a href="/">на главную</a>.<br />
        А еще можно посмотреть статистистику в реальном времени <a href="/cpu/now/">здесь</a>.<br>
    </p>

    <p>
        Здесь можно ввести границы периода, за который хочется узнать историю. <br>
        По умолчанию типа статистика за первый месяц хранимой истории.
    </p>
    <p>
        Всегда рисуется график с 30 значениями. Но от периода зависит единичный отрезок шкалы времени. <br>
        История у нас хранится с 01.01.14 00:00:00. Формат ввода: <span>06.04.2014 20:21:52</span>.
    </p>
    <p>
            @using (Html.BeginForm())
            {
                <text>От</text> @Html.TextBox("from")
                <text>до</text> @Html.TextBox("to")
                <input type="submit" />
            }
    </p>
    <p>
        @ViewBag.message
    </p>

    <div id="graph" style="width: 750px; height: 400px; margin-bottom: 10px;"></div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/highcharts")

<script type="text/javascript">
    var chart;
    $(document).ready(function () {
        chart = new Highcharts.Chart({
            chart: {
                type: 'spline',
                renderTo: 'graph',
            },
            title: {
                text: 'Загрузка CPU',
                x: -5,
                y: 30,
            },
            xAxis: {
                categories: ["@ViewBag.Entries[0].date"@{
for (var j = 1; j < 30; j++)
{<text>, "</text>@ViewBag.Entries[j].date<text>"</text>}
}]
            },
            yAxis: {
                title: {
                    text: 'Загрузка CPU'
                },
                labels: {
                    formatter: function () {
                        return this.value + '%';
                    }
                },
            },

            series: [{
                name: 'CPU',
                data: [
                    @ViewBag.Entries[0].value@{
                    for (var j = 1; j < 30; j++)
                    {<text>,</text> @ViewBag.Entries[j].value}
                    }  ]
            }]
            });
            });
</script>


}